import { Link } from "react-router-dom";

export default function Navbar() {
    return (
        <nav className="fixed top-0 left-0 right-0 bg-white shadow-sm z-50">
            <div className="container mx-auto px-4 py-3 flex justify-between items-center">
                <Link to="/" className="text-2xl font-bold text-[#2B3A67]">孙孟想</Link>
                <div className="flex space-x-6">
                    <a href="#about" className="text-gray-600 hover:text-[#2B3A67] transition">个人简介</a>
                    <a href="#projects" className="text-gray-600 hover:text-[#2B3A67] transition">项目经历</a>
                    {/* <a href="#contact" className="text-gray-600 hover:text-[#2B3A67] transition">联系方式</a> */}
                </div>
            </div>
        </nav>
    );
}